<style scoped>
  @media screen and (max-width: 320px) {
    iframe{
      height:204px!important;
    }
  }
  @media screen and (max-width:375px) and (min-width:321px) {
    iframe{
      height:235px!important;
    }
  }
  @media screen and (min-width: 376px){
    iframe{
      height:258px!important;
    }
  }
  .video-success{
    height:100%;
  }
  .video{
    padding-top: 80px;
  }
</style>
<style>
  .tvp_poster_img{
    background-size:cover!important;
  }
</style>

<template>
  <div class="video-success">
    <v-header
    title="宽博士电台"
    ></v-header>
    <div class="video">
      <iframe frameborder="0" width="100%" allowfullscreen="false" webkitallowfullscreen="false" id="frame1" :src="src"></iframe>
      <div class="title">
        <p style="color: #f69877;">&nbsp;{{title}}</p>
      </div>
    </div>
    </div>
  </div>
</template>

<script>

  export default {

    data () {
      return {
        src: null,
        title: null
      }
    },
    mounted () {
      this.src = this.$route.query.id.split('$')[0]
      this.title = this.$route.query.id.split('$')[1]
      console.log(this.$route.query.id)
    }
  }
</script>
